<template>
  <!--友情链接-->
  <div class="friendly_link">
    <p><span class="iconfont icon-biaoqian4"></span>&nbsp;|&nbsp;友情链接</p>
    <ul>
      <li>
        <el-link type="primary" target="_blank" icon="iconfont icon-git-copy" href="https://github.com/heyihuiforjava">基友俱乐部</el-link>

        <el-link type="primary" target="_blank" icon="iconfont icon-logo" href="https://gitee.com/heyihuiforjava">我的码云</el-link>
      </li>
      <li>
        <el-link type="primary" target="_blank" href="https://thisforyou.cn:1443/">永健博客</el-link>
        <el-link type="danger" target="_blank" href="https://router.vuejs.org/zh/">Vue Router</el-link>
        <el-link type="primary" target="_blank" href="https://vuex.vuejs.org/zh/guide/">Vuex</el-link>
      </li>
      <li>
        <el-link type="success" target="_blank" href="https://springcloud.cc/">Cloud中文文档</el-link>
        <el-link type="danger" target="_blank" href="http://springcloud.cn/">Cloud中文社区</el-link>
      </li>
      <li>
        <el-link type="danger" target="_blank" href="https://jinnianshilongnian.iteye.com/blog/2018398">张开涛shiro</el-link>
        <el-link type="danger"  target="_blank" href="http://momentjs.cn/">Moment.js</el-link>
        <el-link type="success" target="_blank" href="https://developer.mozilla.org/zh-CN/">MDN web 文档</el-link>
      </li>
    </ul>
  </div>
</template>

<script>
  export default {
    name: 'friendlylink'
  }
</script>

<style scoped>
  /*---友情链接---- start--------*/
  .friendly_link{
    width: 100%;
    margin-top: 30px;
  }

  .friendly_link p{
    padding-left: 5%;
    border-bottom: 2px solid red;
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding-bottom: 5px;
    color: #ffffff;
  }
  .friendly_link ul{
    padding-bottom: 5px;
  }
  .friendly_link  ul li{
    list-style: none ;
    margin-left: 4%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .friendly_link  ul li  .el-link{

    padding: 5px;

  }

  /*-------end-----------*/
</style>
